import {
  Dimensions,
  StyleSheet,
  Text,
  View,
  ScrollView,
  Image,
} from "react-native";
import React, { useState } from "react";
import { useRoute, useNavigation } from "@react-navigation/native";
export default function DescActivity() {
  const route = useRoute();
  const { statusa } = route.params;
  return (
    <View style={styles.container}>
      {statusa === "活动报名中" ? (
        <>
          <ScrollView
          contentContainerStyle={{
            flexGrow: 1, // 确保内容拉伸时背景颜色依然有效
            backgroundColor: "#FFFFFF",
          }}
          >
            <View
              style={{
                flex:1,
                backgroundColor: "#FFFFFF",
              }}
            >
              <Text style={styles.title}>一.项目简介</Text>
              <Text style={styles.context}>
                「2019届互联网+杰出医生Top20」活动由肿瘤学院发起，
                为全国范围的肿瘤医生提供更广阔的展示平台，
                助力医生个人品牌建设。本次活动评审团队将根据候选人信息，
                从影响力维度、人气维度等各项指标综合计分，
                最终产生20位具有互联网影响力的杰出肿瘤医生。
              </Text>
              <Text style={styles.title}>二.活动日程</Text>
              <Text style={styles.context}>
                #2019年5月5日-9日 报名阶段及初审
              </Text>
              <Text style={styles.context}>
                #2019年5月11日-17日 入围100人参与评分及网络投票
              </Text>
              <Text style={styles.context}>
                #2019年5月22日 计分统计，发布最终榜单
              </Text>
              <Text style={styles.title}>三.推荐奖励</Text>
              <Text style={styles.context}>
                精美礼品免费送：有机会获得肿瘤学院定制版限量礼品
              </Text>
            </View>
          </ScrollView>
        </>
      ) : (
        <ScrollView>
          <View
            style={{
              backgroundColor: "#FFFFFF",
              justifyContent: "center",
              alignItems: "center",
            }}
          >
            <View style={styles.end}>
              <Text style={styles.title}>一.征集对象</Text>
              <Text style={styles.context}>所有从事肿瘤的医生</Text>
              <Text style={styles.title}>二.病例类型</Text>
              <Text style={styles.context}>肿瘤相关的病例</Text>
              <Text style={styles.title}>三.活动日程</Text>
              <Text style={styles.context}>
                #2019年5月5日-9日 报名阶段及初审
              </Text>
              <Text style={styles.context}>
                #2019年5月11日-17日 入围100人参与评分及网络投票
              </Text>
              <Text style={styles.context}>
                #2019年5月22日 计分统计，发布最终榜单
              </Text>
              <Text style={styles.title}>四.奖励设计</Text>
              <Text style={styles.context}>最佳人气病例奖 1名</Text>
              <Text style={styles.context}>最佳经典病例奖 1名</Text>
              <Text style={styles.context}>优秀病例奖 5名</Text>
              <Text style={styles.context}>
                参与奖：所有参与的人员都会获得一份纪念奖
              </Text>
            </View>
            <View style={styles.endImage}>
              <Image source={require("@/assets/images/end.png")} />
              <Text style={{ color: "#ccc", marginTop: 10 }}>活动已结束</Text>
            </View>
          </View>
        </ScrollView>
      )}
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  end: {
    width: Dimensions.get("window").width,
  },
  title: {
    paddingLeft: 10,
    marginTop: 10,
  },
  context: {
    paddingLeft: 15,
    margin: 10,
  },
  endImage: {
    width: Dimensions.get("window").width,
    justifyContent: "center",
    alignItems: "center",
  },
});
